<template lang="pug">
    Table(
        :data="data",
        :columns="columns",
        :loading="loading",
        :stripe="stripe",
        :show-header="showHeader",
        :highlight-row="heighLight",
        :size="size",
        :show-summary="showSummary",
    )
    Page(
        :current="current",
        :total="total",
        :page-size="pageSize",
        :page-size-opts="pageSizeOpts",
        :placement="placement",
        :size="sizeType",
        :simple="simple",
        :show-total="showTotal"
        :disabled="disabled"
    )
</template>

<script lang="ts">
import { Component, Prop, Vue } from 'vue-property-decorator'

@Component
export default class TableComponentBase extends Vue {
  @Prop() private data!: Array<any>;
  @Prop() private columns!: Array<any>;
  @Prop() private loading!: boolean;
  @Prop() private stripe!: boolean;
  @Prop() private showHeader!: boolean;
  @Prop() private heighLight!:boolean;
  @Prop() private size!: string;
  @Prop() private showSummary!: boolean;
  @Prop() private current!: number;
  @Prop() private total!: number;
  @Prop() private pageSize!: number;
  @Prop() private pageSizeOpts!: Array<any>; // 每页条数切换的配置
  @Prop() private placement!: string;
  @Prop() private sizeType!: string;
  @Prop() private simple!: boolean;
  @Prop() private showTotal!: boolean;
  @Prop() private disabled!: boolean;
}
</script>

<style lang="stylus" scoped>

</style>
